@charset "utf-8";
@import "reset";
$fs:170.66px;

html {
    font-size: $fs;
}

@function r($px) {
    @return $px/$fs*1rem;
}
*{
    margin: 0;
    padding: 0;
}
body{
    background-image: url(../img/start/bg.png);
    background-size: 100%;
}
section{
    .logo{
        width: r(146px);
        height: r(123px);
        font-size: 0;
        margin-top: r(374px);
        margin-left: r(247px);
        img{
            width:100%;
            height: 100%;
        }
        
    }
    h2{
            font-size: r(40px);
            color: #d62d31;
            margin-left: r(249px);
            margin-top: r(20px); 
    }
    p{
        font-size: r(23.89px);
        color: #666666;
        margin-top: r(5px);
        margin-left: r(180px);
    }
    form{
        font-size: 0;
        margin-left: r(73px);
        margin-top: r(436px);
        input{
        width: r(239px);
        height: r(68px);
        font-size: r(23.89px);
        border-radius: r(8px);
        margin-bottom: r(27px);
        border: 0px;
        }
        input:first-of-type{
            background-color: #ffffff;
            color: #d62d31;
            margin-right: r(17px);
            border: r(2px) solid #d62d31;
            
        }
        input:last-of-type{
            background-color: #d62d31;
            color: #ffffff;
        }
    }
}
